import React from "react";
import { NavBar } from "antd-mobile";
import { Empty } from "react-vant";
import { Tabs } from "react-vant";
import { useNavigate } from "react-router-dom";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <NavBar style={{ background: "#fff" }} onBack={() => navigate(-1)}>
        优选订单
      </NavBar>
      <Tabs active={0}>
        <Tabs.TabPane title="全部">
          <Empty description="暂无数据"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="待付款">
          <Empty description="暂无数据"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="待发货">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="待收货">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="待自取">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="已完成">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title="已关闭">
          <Empty description="暂无订单"></Empty>
        </Tabs.TabPane>
      </Tabs>
    </div>
  );
};

export default Index;
